<template>
  <div>
    <h1 v-if="error.statusCode === 404">
      <a-empty
          image="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/f05fd1e6-9cfd-4fd2-9529-3adb5c7320c8.png"
          :image-style="{
            height: '2rem',
          }"
        >
          <span slot="description"> 客官来晚咯！活动不知飞哪去了~ <NuxtLink to="/">更多活动</NuxtLink> </span>
        </a-empty>
    </h1>
    <h1 v-else>
      <a-empty
          image="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/f05fd1e6-9cfd-4fd2-9529-3adb5c7320c8.png"
          :image-style="{
            height: '2rem',
          }"
        >
          <span slot="description"> 啊哦！好像出错了~ <NuxtLink to="/">点我回到首页</NuxtLink> </span>
        </a-empty>
    </h1>
  </div>
</template>

<script>
  export default {
    props: ['error'],
    layout: 'error' // you can set a custom layout for the error page
  }
</script>
